<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	
<ui:define name="title">
		<h3><h:outputLabel	value="#{i18n['erp.matricula.docente.pagina.titulo']}" /></h3>
	</ui:define>	

	
<ui:define name="content">
		<h:form id="formDocente">
		
			<p:growl id="pnlMessages" autoUpdate="true" closable="true"/>
			
			<p:toolbar>
				<p:toolbarGroup align="left">
					<p:commandButton id="btnRefrescar" value="Refrescar" icon="ui-icon-arrowrefresh-1-w" >
					</p:commandButton>
					<p:commandButton rendered="false" id="btnNuevodocente" value="Insertar" icon="ui-icon ui-icon-circle-plus" oncomplete="dlgNuevoDocente.show()">
						</p:commandButton>
				</p:toolbarGroup>
			</p:toolbar>
			<p:panel id="pnlBuscarDocente" header="#{i18n['erp.matricula.docente.buscar']}">
				<table  class="formulario" id="tableStyleRe">
					<tr>
						<td class="label"><h:outputLabel
								value="Cédula Docente" /></td>
						<td><p:inputText id="txtCiBuscar"
								onkeypress="return isNumberKey(event);"
								value="#{docenteDataManager.profesorBuscar.perCi}" /></td>
						<td><p:commandButton id="btnBuscar"
								icon="ui-icon-search"
								actionListener="#{docenteController.buscarDocente()}"
								value="#{i18n['label.buscar']}" process="@this,pnlBuscarDocente"
								update=":formDocente:pnlMessages,tablaDocente,pnlBuscarDocente" />
						</td>


					</tr>
					<tr>
					<td class="label"><h:outputLabel
								value="#{i18n['erp.matricula.docente.nombres']}" /></td>
						<td class="value" colspan="2"><p:inputText id="txtNombreBuscar"
								style="width:375px"
								value="#{docenteDataManager.profesorBuscar.perNombres}" /></td>
					</tr>

					<tr>
						<td class="label"><h:outputLabel
								value="#{i18n['erp.matricula.docente.apellidos']}" /></td>
						<td class="value" colspan="2"><p:inputText
								id="txtApellidosBuscar" style="width:375px"
								value="#{docenteDataManager.profesorBuscar.perApellidos}" /></td>

					</tr>
				</table>
			</p:panel>
<br></br>


<p:dataTable id="tablaDocente"
	value="#{docenteDataManager.listaDocenteListDTOs}" var="docente"
	rowIndexVar="rowIndex"
	paginator="true" rows="5" paginatorPosition="bottom"
	paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
	rowsPerPageTemplate="5,10,15" emptyMessage="#{i18n['erp.mensaje.busqueda.vacia']}">
	<f:facet name="header">
		Lista de Docentes
	</f:facet>
	<p:column headerText="#" styleClass="centered" width="5%">
		#{rowIndex+1}
	</p:column>
	<p:column headerText="#{i18n['erp.matricula.docente.cedula']}" width="10%">
					<h:outputText value="#{docente.perCi}" />
				</p:column>
	<p:column headerText="#{i18n['erp.matricula.docente.nombres']}" width="35%">
					
					
					<h:outputText value="#{docente.perNombres}" />
				</p:column>
				<p:column headerText="#{i18n['erp.matricula.docente.apellidos']}" width="40%">
					<h:outputText value="#{docente.perApellidos}" />
				</p:column>
				
				
				
				<p:column headerText="#{i18n['erp.matricula.docente.direccion']}" width="40%">
					<h:outputText value="#{docente.perDireccion}" />
				</p:column>
				
				<p:column headerText="#{i18n['erp.matricula.docente.fechanac']}" width="40%">
					<h:outputText value="#{docente.perFechaNac}" />
				</p:column>
			<p:column headerText="#{i18n['label.opciones']}" styleClass="centered" width="10%">
					<h:panelGroup>
						<p:commandLink styleClass="no-decor"
							title="#{i18n['label.editar']}"
							oncomplete="dlgEditarDocente.show()"
							actionListener="#{docenteController.cargarDatosDocente(docente)}"
							process="@this" update=":formEditarDocente:pnlEditarDocente">
							<h:graphicImage value="/resources/img/edit.png" alt="#{i18n['label.editar']}"/>
						</p:commandLink>
					</h:panelGroup>
					</p:column>
			
			
			</p:dataTable>			
	
</h:form>			
		
		<ui:include src="dialogNuevoDocente.xhtml" />
		<ui:include src="dialogEditarDocente.xhtml" />		
		
	</ui:define>
</ui:composition>